<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>id选择器</title>
<!--  选中id的选择器 注意:id不要以数字开头 id里不能有空格 -->
    <style>
      #earthy {
        color: red;
      }
      #earthy1 {
        color: chocolate;
      }
      #earthy2 {
        color: green;
      }
      #earthy3 {
        color: blue;
      }
    </style>
</head>
<body>
  <h1 id="earthy">土味情话，你会说吗</h1>
  <br>
  <h2 id="earthy1">作者:土味的网友们</h2>
  <p id="earthy2">今天买了一块地，我的死心塌地</p>
  <p id="earthy3">草莓、蓝莓、蔓越莓，今天你想我了没</p>
</body>
</html>